<script setup lang="ts">
// //
// import { useMemberStore } from '@/stores'
// import type { CartItem } from '@/types/cart'
// import { computed, ref } from 'vue'
// import {
//   deleteMemberCartAPI,
//   getMemberCartAPI,
//   putMemberCartBySkuIdAPI,
//   putMemberCartSelectedAPI,
// } from '@/services/cart/cart'
// import { onShow } from '@dcloudio/uni-app'
// import type { InputNumberBoxEvent } from '@/components/vk-data-input-number-box/vk-data-input-number-box'
//
// // 获取会员Store
// const memberStore = useMemberStore()
//
// // 获取屏幕边界到安全距离
// const { safeAreaInsets } = uni.getWindowInfo()
//
// const bottom = defineProps<{
//   bottom: boolean
// }>()
//
// // 获取购物车数据
// const cartList = ref<CartItem[]>([])
// const getMemberCartData = async () => {
//   const res = await getMemberCartAPI()
//   cartList.value = res.result
// }
//
// // 点击删除按钮
// const onDeleteCart = (skuId: string) => {
//   // 弹窗二次确认
//   uni.showModal({
//     content: '是否删除',
//     success: async (res) => {
//       if (res.confirm) {
//         // 后端删除单品
//         await deleteMemberCartAPI({ ids: [skuId] })
//         // 重新获取列表
//         await getMemberCartData()
//       }
//     },
//   })
// }
//
// // 修改商品数量
// const onChangeCount = async (ev: InputNumberBoxEvent) => {
//   await putMemberCartBySkuIdAPI(ev.index, { count: ev.value })
//   // 重新获取列表
//   await getMemberCartData()
// }
//
// // 修改选中状态-单品修改
// const onChangeSelected = async (item: CartItem) => {
//   // 前端数据更新-是否选中取反
//   item.selected = !item.selected
//   // 后端数据更新
//   await putMemberCartBySkuIdAPI(item.skuId, { selected: item.selected })
//   // 重新获取列表
//   await getMemberCartData()
// }
//
// // 计算全选状态
// const isSelectedAll = computed(() => {
//   return cartList.value.length && cartList.value.every((v) => v.selected)
// })
//
// // 修改选中状态-全选修改
// const onChangeSelectedAll = async () => {
//   // 全选状态取反
//   const _isSelectedAll = !isSelectedAll.value
//   // 前端数据更新
//   cartList.value.forEach((item) => {
//     item.selected = _isSelectedAll
//   })
//   // 后端数据更新
//   await putMemberCartSelectedAPI({ selected: _isSelectedAll })
//   // 重新获取列表
//   await getMemberCartData()
// }
//
// // 计算选中单品列表
// const selectedCartList = computed(() => {
//   return cartList.value.filter((v) => v.selected)
// })
//
// // 计算选中总件数
// const selectedCartListCount = computed(() => {
//   return selectedCartList.value.reduce((sum, item) => sum + item.count, 0)
// })
//
// // 计算选中总金额
// const selectedCartListMoney = computed(() => {
//   return selectedCartList.value
//     .reduce((sum, item) => sum + item.count * item.nowPrice, 0)
//     .toFixed(2)
// })
//
// // 结算按钮
// const gotoPayment = () => {
//   if (selectedCartListCount.value === 0) {
//     return uni.showToast({
//       icon: 'none',
//       title: '请选择商品',
//     })
//   }
//   // 跳转到结算页
//   uni.navigateTo({ url: '/pagesOrder/create/create' })
// }
//
// // 初始化调用: 页面显示触发
// onShow(() => {
//   // 用户已登录才允许调用
//   if (memberStore.profile) {
//     getMemberCartData()
//   }
// })
</script>

<template>
<!--  <scroll-view-->
<!--    scroll-y="true"-->
<!--    class="scroll-view"-->

<!--  >-->
<!--    &lt;!&ndash; 已登录: 显示购物车 &ndash;&gt;-->
<!--    <template v-if="memberStore.profile">-->
<!--      &lt;!&ndash; 购物车列表 &ndash;&gt;-->
<!--      <view class="cart-list" v-if="cartList.length">-->
<!--        &lt;!&ndash; 优惠提示 &ndash;&gt;-->
<!--        <view class="tips">-->
<!--          <text class="label">满减</text>-->
<!--          <text class="desc">满1件, 即可享受9折优惠</text>-->
<!--        </view>-->
<!--        &lt;!&ndash; 滑动操作分区 &ndash;&gt;-->
<!--        <uni-swipe-action>-->
<!--          &lt;!&ndash; 滑动操作项 &ndash;&gt;-->
<!--          <uni-swipe-action-item v-for="item in cartList" :key="item.skuId" class="cart-swipe">-->
<!--            &lt;!&ndash; 商品信息 &ndash;&gt;-->
<!--            <view class="goods">-->
<!--              &lt;!&ndash; 选中状态 &ndash;&gt;-->
<!--              <text-->
<!--                @tap="onChangeSelected(item)"-->
<!--                class="checkbox"-->
<!--                :class="{ checked: item.selected }"-->
<!--              />-->
<!--              <navigator-->
<!--                :url="`/pages/goods/goods?id=${item.id}`"-->
<!--                hover-class="none"-->
<!--                class="navigator"-->
<!--              >-->
<!--                <image mode="aspectFill" class="picture" :src="item.picture"></image>-->
<!--                <view class="meta">-->
<!--                  <view class="name ellipsis">{{ item.name }}</view>-->
<!--                  <view class="attrsText ellipsis">{{ item.attrsText }}</view>-->
<!--                  <view class="price">{{ item.nowPrice * item.count }}</view>-->
<!--                </view>-->
<!--              </navigator>-->
<!--              &lt;!&ndash; 商品数量 &ndash;&gt;-->
<!--              <view class="count">-->
<!--                <vk-data-input-number-box-->
<!--                  v-model="item.count"-->
<!--                  :min="1"-->
<!--                  :max="item.stock"-->
<!--                  :index="item.skuId"-->
<!--                  @change="onChangeCount"-->
<!--                />-->
<!--              </view>-->
<!--            </view>-->
<!--            &lt;!&ndash; 右侧删除按钮 &ndash;&gt;-->
<!--            <template #right>-->
<!--              <view class="cart-swipe-right">-->
<!--                <button @tap="onDeleteCart(item.skuId)" class="button delete-button">删除</button>-->
<!--              </view>-->
<!--            </template>-->
<!--          </uni-swipe-action-item>-->
<!--        </uni-swipe-action>-->
<!--      </view>-->
<!--      &lt;!&ndash; 购物车空状态 &ndash;&gt;-->
<!--      <view class="cart-blank" v-else>-->
<!--        <image src="/static/images/blank_cart.png" class="image" />-->
<!--        <text class="text">购物车还是空的，快来挑选好货吧</text>-->
<!--        <navigator open-type="switchTab" url="/pages/index/index" hover-class="none">-->
<!--          <button class="button">去首页看看</button>-->
<!--        </navigator>-->
<!--      </view>-->
<!--      &lt;!&ndash; 吸底工具栏 &ndash;&gt;-->
<!--      <view class="toolbar">-->
<!--        <text @tap="onChangeSelectedAll" class="all" :class="{ checked: isSelectedAll }">全选</text>-->
<!--        <text class="text">合计:</text>-->
<!--        <text class="amount">{{ selectedCartListMoney }}</text>-->
<!--        <view class="button-grounp">-->
<!--          <view-->
<!--            class="button payment-button"-->
<!--            @tap="gotoPayment"-->
<!--            :class="{ disabled: selectedCartListCount === 0 }"-->
<!--          >-->
<!--            去结算({{ selectedCartListCount }})-->
<!--          </view>-->
<!--        </view>-->
<!--      </view>-->
<!--    </template>-->
<!--    &lt;!&ndash; 未登录: 提示登录 &ndash;&gt;-->
<!--    <view class="login-blank" v-else>-->
<!--      <text class="text">登录后可查看购物车中的商品</text>-->
<!--      <navigator url="/pages/login/login" hover-class="none">-->
<!--        <button class="button">去登录</button>-->
<!--      </navigator>-->
<!--    </view>-->
<!--    &lt;!&ndash; 猜你喜欢 &ndash;&gt;-->
<!--    <TtscGuess ref="guessRef"></TtscGuess>-->
<!--    &lt;!&ndash; 底部占位空盒子 &ndash;&gt;-->
<!--    <view class="toolbar-height"></view>-->
<!--  </scroll-view>-->
</template>

<style>
page {
  height: 100%;
  overflow: hidden;
}
</style>
